<template>
  <div>
    <van-nav-bar
      :title="title"
      :left-text="leftText"
      left-arrow
      fixed
      @click-left="onNavClickLeft"
      :style="style"
      placeholder
    />
  </div>
</template>

<script>
export default {
  props: {
    title: {
      type: String,
      default: '标题'
    },
    leftText: {
      type: String,
      default: ''
    }
  },
  data () {
    return {
      style: {
        color: '#fff'
      }
    }
  },
  methods: {
    onNavClickLeft () {
      this.$router.go(-1)
    }
  }
}
</script>

<style>
/* .van-nav-bar{
  background-color: #5ba0f4;
} */
.van-nav-bar__title{
  color:#5ba0f4;
  font-size: 14px;
}
</style>
